// 监听来自popup.js的消息
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
  // 检查消息类型
  if (message.action === 'changeBackground') {
    // 获取要设置的颜色
    const color = message.color || 'green';
    
    // 修改页面背景色
    setPageBackgroundColor(color);
    
    // 发送响应，表示操作已完成
    sendResponse({ success: true, message: `背景色已更改为 ${color}` });
  }
  
  // 必须返回true以保持消息通道开放，直到sendResponse被调用
  return true;
});

// 设置页面背景色的函数
function setPageBackgroundColor(color) {
  // 修改body的背景色
  if (document.body) {
    document.body.style.backgroundColor = color;
  }
  
  // 修改根元素(html)的背景色，确保整个页面都被覆盖
  if (document.documentElement) {
    document.documentElement.style.backgroundColor = color;
  }
  
  // 为了更好的效果，可以考虑修改主要容器元素
  const mainContainers = document.querySelectorAll('main, .main, #main, article, section');
  mainContainers.forEach(container => {
    container.style.backgroundColor = color;
  });
  
  console.log(`Hulk扩展已将页面背景色更改为${color}`);
}